<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
		  
	<ui:composition template="/template/pCliente.xhtml">	 		 
	  <ui:define name="head">
	    <title>Asesor 360</title>	  
	    <script type="text/javascript">//<![CDATA[		    
		    jQuery(document).ready(function() {
		    	flagAutoClickButtonExpand();
		    });
		    
		    function flagAutoClickButtonExpand(){
		    	$('#formPrincipal\\:idBtnExpand').trigger('click');
		    }
		    
			function expandirSubTabla() {
				$('#formPrincipal\\:tableCalculadoraCliente >div >table > tbody > tr').each(function() {
					var actual = $(this).find("td").eq(4).html();
		    		var saldoResultante = $(this).find("td").eq(11).html();
		    		var actual = Math.round(actual);
		    		var saldoResultante = Math.round(saldoResultante);
		    		
		    		var expan=true;
		    		if((actual.length == 0 || actual == '0' || actual == 'NaN') ||
		    				(saldoResultante.length == 0 || saldoResultante == '0' || saldoResultante == 'NaN')){
		    			expan = false;
		    		}
		    		
		    		if(expan){
		    			tbl_TableCalculadoraCliente.toggleExpansion($(this).find("div.ui-row-toggler"));
		    		}
		    	});
		    }
	        
			function handleDialogProcesar(xhr, status, args) {
		        if(args.isPopupMensajeProcesar) {
		        	popmpMensajeProcesarCalculadora.show(); 
		        }else{
		        	flagAutoClickButtonExpand();
		        }
		    }
			
			function handleDialogProcesarGuardar(xhr, status, args) {
		        if(args.isSaveOK) {
		        	popmpMensajeGuardarCalculadora.hide(); 
		        }
		    }
			
			function invalidarNegativo(event,obj,monedaorigen,monedaactual){
			    var indNega=0;
			    if(monedaorigen==monedaactual){
			    	indNega=1;  
				}
			    return CatchNonNumbers_(event,indNega,1,'.',obj,2,12,obj);
		    }
			
			function formateaNumero(entrada){
				var num = entrada.value.replace(/\,/g,"");
				var vnum = num.split("-");
				var signo='';
				if(vnum[0]==''){
					if(num !=''){
						signo='-';
					}
					num=num.replace('-',"");
				}
				if(!isNaN(num)){
				num = num.toString().split("").reverse().join("").replace(/(?=\d*\.?)(\d{3})/g,"$1,");
				num = num.split("").reverse().join("").replace(/^[\,]/,"");
				}else{
					entrada = entrada.value.replace(/[^\d\.]*/g,"");
				}
				  entrada.value=jQuery.trim(signo)+jQuery.trim(num);
			}
			
		    function crearNegativo(e,obj){
		    	if(CatchNonNumbers_(e,1,1,'.',obj,2,12,obj)){
		    		index=obj.value.indexOf("-");
		    		if(e.keyCode==8){
		    			var s=getCursorPosition(obj);
					    if(s!=1){
						    return true;							
					    }else{
					    	if(obj.value.length==1){
							    return true;
							}else{
								return false;
							}
						}					    
		    		}else if(index!=0){
			    		tecla = e.keyCode? e.keyCode : e.charCode;
			    		var sKey = String.fromCharCode(tecla);
			    		if(sKey!='-'){
				    		obj.value="-"+obj.value;
			    		}
			    		return true;
				    }else{
					    var s=getCursorPosition(obj);
					    if(s==0){
						    return false;
						}				    	
				    	return true;
					}
			    }
			    return false;
		    }
         //]]></script> 
	  </ui:define>
	  
	  <ui:define name="titulopagina">
			<h:outputText value="EDICION - PROPUESTA DE REBALANCEO" />
	  </ui:define>	 
	  <ui:define name="bodyarea">
		  <input type="hidden" id="nomReporte" name="nomReporte" value="propuestaPortafolio"/>
		  <f:event type="preRenderView" listener="#{calculadoraModController.onPageLoad}"/>
		  <h:panelGrid id="idPanelMain">
		  <h:panelGrid styleClass="bordePanel" id="panelExpTotal" width="100%">
			 <h:panelGrid columns="2">
				 <h:outputText value="Expresar Totales en:" styleClass="texto"/>
				 <p:selectOneMenu value="#{calculadoraModController.tipoMoneda}" id="idSelectMoneda">
				 	<p:ajax event="change" listener="#{calculadoraModController.cambiarMonedaActionListener}"
				 		update=":formPrincipal:tablaPerfilInversor,:formPrincipal:tableDistribCatActivos,:formPrincipal:panelDetalle
						:formPrincipal:panelProductos,:formPrincipal:tablePosicionActual,:formPrincipal:tablePosicionSugerida"/>
					<f:selectItem itemLabel="Dolares" itemValue="USD" />
					<f:selectItem itemLabel="Soles" itemValue="PEN" />
					<f:selectItem itemLabel="Euros" itemValue="EUR" />
				 </p:selectOneMenu>
			 </h:panelGrid>
		 </h:panelGrid>
		 <p:spacer height="10"/>
		 <h:panelGrid headerClass="cabeceraPanelSimple" styleClass="bordePanel" id="panelResumen" 
		 	width="100%" cellpadding="5" cellspacing="0" columns="1">
				<f:facet name="header">
					<h:outputText value="RESUMÉN DE DISTRIBUCIÓN POR CATEGORÍA DE ACTIVOS" />
				</f:facet>
				<h:panelGrid columns="2" width="100%">
					<h:panelGrid columns="2">
						<p:dataTable id="tableDistribCatActivos" value="#{calculadoraModel.totalDistribucionCategoriaActivosMoneda}">
							<p:columnGroup type="header">
								<p:row>
									<p:column width="130" rowspan="2" headerText="CATEGORÍA DE ACTIVOS" />
									<p:column width="270" colspan="3" headerText="POSICIÓN ACTUAL" />
								</p:row>
								<p:row>
									<p:column width="90" headerText="PEN" />
									<p:column width="90" headerText="USD" />
									<p:column width="90" headerText="EUR" />
								</p:row>
							</p:columnGroup>
							<p:subTable value="#{calculadoraModel.listarDistribucionCategoriaActivos}" var="fila">														
								<p:column ><h:outputText value="#{fila.descripcioncatactivo}"/></p:column>							
								<p:column styleClass="columnTableSolesPrime">
									<h:outputText value="#{fila.saldoactualpenmo}">
									     <f:converter converterId="decimalConverte" /> 
									</h:outputText>
								</p:column>
								<p:column styleClass="columnTableDolaresPrime">
									<h:outputText value="#{fila.saldoactualusdmo}">
									<f:converter converterId="decimalConverte" /> 
									</h:outputText>
								</p:column>
								<p:column styleClass="columnTableEurosPrime">
									<h:outputText value="#{fila.saldoactualeurmo}">
										<f:converter converterId="decimalConverte" /> 
									</h:outputText>
								</p:column>
								<p:columnGroup type="footer">  
						            <p:row>
										<p:column footerText="TOTAL" styleClass="styleDataTableFooterPlomo"/>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer">
												<h:outputText value="#{calculadoraModel.totalDistribucionCategoriaActivos.totalPEN}" >
													<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
												</h:outputText>
											</f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer">
												<h:outputText value="#{calculadoraModel.totalDistribucionCategoriaActivos.totalUSD}" >
													<f:convertNumber pattern="#,##0.00" locale="#{calculadoraModController.locale}"/>
												</h:outputText>
											</f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer">
												<h:outputText value="#{calculadoraModel.totalDistribucionCategoriaActivos.totalEUR}" >
													<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
												</h:outputText>
											</f:facet>
										</p:column>
									</p:row>
								</p:columnGroup>
							</p:subTable>
							<p:columnGroup type="footer">  
					            <p:row>
									<p:column footerText="Total expresado en #{calculadoraModController.tipoMoneda}" styleClass="styleDataTableFooterOrange"/>
									<p:column styleClass="styleDataTableFooterOrange">
										<f:facet name="footer">
											<h:outputText value ="#{calculadoraModel.totalDistribucionCategoriaActivosMoneda.totalPEN}">
												<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
											</h:outputText>
										</f:facet>
									</p:column>
									<p:column styleClass="styleDataTableFooterOrange">
										<f:facet name="footer">
											<h:outputText value ="#{calculadoraModel.totalDistribucionCategoriaActivosMoneda.totalUSD}">
												<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
											</h:outputText>
										</f:facet>
									</p:column>
									<p:column styleClass="styleDataTableFooterOrange">
										<f:facet name="footer">
											<h:outputText value ="#{calculadoraModel.totalDistribucionCategoriaActivosMoneda.totalEUR}">
												<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
											</h:outputText>
										</f:facet>
									</p:column>
								</p:row>
							</p:columnGroup>																														
						</p:dataTable>
						<p:spacer height="10"/>
					</h:panelGrid>
					<h:panelGrid columns="2">
						<p:dataTable id="tablaPerfilInversor" value="#{calculadoraModel.totalDistribucionCategoriaActivosMoneda}">
							<p:columnGroup type="header">
								<p:row>
									<p:column colspan="4" headerText="PERFIL DEL INVERSOR" />
								</p:row>
								<p:row>
									<p:column width="90" headerText="ACTUAL (%)" />
									<p:column width="90" headerText="IDEAL (%)" />
									<p:column width="90" headerText="DESVIACIÓN (%)" />
									<p:column width="90" headerText="SUGERIDO (%)" />
								</p:row>
							</p:columnGroup>
							<p:subTable value="#{calculadoraModel.listarDistribucionCategoriaActivos}" var="fila">							
								<p:column styleClass="columnTableMontosPrime"><h:outputText value="#{fila.pesoactual}%"/></p:column>
								<p:column styleClass="columnTableMontosPrime"><h:outputText value="#{fila.pesoideal}%"/></p:column>
								<p:column styleClass="columnTableMontosPrime"><h:outputText value="#{fila.desviacionporcentualusd}%"/></p:column>
								<p:column styleClass="columnTableMontosPrime"><h:outputText value="#{fila.sugerido}%"/></p:column>
								<p:columnGroup type="footer">  
						            <p:row>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer"><p:spacer height="10"/></f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer"><p:spacer height="10"/></f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer"><p:spacer height="10"/></f:facet>
										</p:column>
										<p:column styleClass="styleDataTableFooterPlomo">
											<f:facet name="footer"><p:spacer height="10"/></f:facet>
										</p:column>
									</p:row>
								</p:columnGroup>
							</p:subTable>
							<p:columnGroup type="footer">  
					            <p:row>
									<p:column styleClass="styleDataTableFooterOrange">
										<f:facet name="footer">
											<p:spacer height="10"/>
										</f:facet>
									</p:column>
									<p:column styleClass="styleDataTableFooterOrange" />
									<p:column styleClass="styleDataTableFooterOrange" />
									<p:column styleClass="styleDataTableFooterOrange" />
								</p:row>
							</p:columnGroup>
						</p:dataTable>
						<p:spacer height="10"/>
					</h:panelGrid>			
				</h:panelGrid>
			</h:panelGrid>
			<p:spacer height="10"/>
		 	<h:panelGrid headerClass="cabeceraPanelSimple" styleClass="bordePanel" id="panelDetalle" 
		 		width="100%" cellpadding="5" cellspacing="0" columns="1">
				<f:facet name="header">
					<h:outputText value="Detalle de Distribución de Productos para Rebalancear" />
				</f:facet>
				<h:panelGrid columns="6" width="100%">
					<p:commandButton value="FM - Categorías" actionListener="#{calculadoraModController.cargarListaFondosMutuos}" icon="ui-icon-zoomin"
						update=":idpanelComposicionCategoria" oncomplete="poppanelComposicionCategoria.show()"/>
					<p:commandButton value="FM - Monedas" actionListener="#{calculadoraModController.cargarListaFondosMutuos}" icon="ui-icon-zoomin"
						update=":idpanelComposicionMoneda" oncomplete="poppanelComposicionMoneda.show()"/>
					<p:commandButton id="idBtnExpand" value="" actionListener="#{calculadoraModController.eventoFlagExpandirSubTabla}"
						styleClass="customStyleButtonHide" oncomplete="PrimeFaces.ejecutarJSWgv(expandirSubTabla)"/>
					<p:spacer width="200" height="10"/>
					<p:commandButton value="Procesar" actionListener="#{calculadoraModController.procesarCalculadoraAction}" icon="ui-icon ui-icon-gear"
						oncomplete="handleDialogProcesar(xhr, status, args)" id="idButtonProcesar"
						update=":formPrincipal:tablePosicionActual,:formPrincipal:tablaPerfilInversor,:formPrincipal:tableDistribCatActivos,
						:idmpMensajeProcesarCalculadora,:formPrincipal:tablePosicionSugerida, :formPrincipal:tableCalculadoraCliente"/>
					<p:commandButton icon="ui-icon ui-icon-disk" value="Guardar" actionListener="#{calculadoraModController.guardarCalculadoraPropuesta}"
						update=":idmpMensajeGuardarCalculadora" oncomplete="popmpMensajeGuardarCalculadora.show()" id="idButtonGuardar"/>
				</h:panelGrid>
				<h:panelGrid columns="2" id="pnlCalculadora">
				    <p:dataTable value="#{calculadoraModel.listaDetalleDistribucionMod}" id="tableCalculadoraCliente" var="fila"
				    	styleClass="styleDataTableWrapEspecial" rowIndexVar="rowIndex" widgetVar="tbl_TableCalculadoraCliente">
				    	<p:columnGroup type="header">
							<p:row>
								<p:column width="16" rowspan="2" headerText="" />
								<p:column width="80" rowspan="2" headerText="Resumen de Producto" />
								<p:column width="40" rowspan="2" headerText="Moneda" />
								<p:column width="20" rowspan="2" headerText="Plazo" />
								<p:column width="252" colspan="4" headerText="POSICIÓN ACTUAL BBVA" />
								<p:column width="249" colspan="3" headerText="CALCULADORA DE REBALANCEO" />
								<p:column width="249" colspan="3" headerText="POSICIÓN SUGERIDA" />
							</p:row>
							<p:row>
								<p:column width="83" headerText="Actual" />
								<p:column width="2" headerText="" />
								<p:column width="83" headerText="Rentab." />
								<p:column width="83" headerText="Peso(%)" />
								<p:column width="83" headerText="PEN" />
								<p:column width="83" headerText="USD" />
								<p:column width="83" headerText="EUR" />
								<p:column width="83" headerText="Saldo Resultante" />
								<p:column width="83" headerText="Rentab. Estimada" />
								<p:column width="83" headerText="Peso Fam. (%)" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="styleDataTableFooterPlomo">  
       						<p:rowToggler />  
   						</p:column>	
   						<p:column styleClass="styleDataTableFooterPlomoLeft"><h:outputText value="#{fila.pie.descripcion}" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.saldoActual}">
								<f:converter converterId="decimalConverte"/>
							</h:outputText>
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.rentabilidad}">
								<f:converter converterId="decimalConverteExpan"/>
							</h:outputText>
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.peso}" >
								<f:converter converterId="porcentajeConverte"/>
							</h:outputText>
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="" /></p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.saldoResultante}">
								<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}" />
							</h:outputText>
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.rentabilidadEstimada}">
								<f:converter converterId="decimalConverte"/>
							</h:outputText>
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo">
   							<h:outputText value="#{fila.pie.pesoFamilia}">
								<f:converter converterId="porcentajeConverte"/>
							</h:outputText>
   						</p:column>
						<p:columnGroup type="footer">  
				            <p:row>
				            	<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
				            	<p:column footerText="TOTAL EN #{calculadoraModController.tipoMoneda}" styleClass="styleDataTableFooterOrange"/>
				            	<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionMod.saldoActual}">
											<f:converter converterId="decimalConverte"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionMod.peso}">
											<f:converter converterId="porcentajeTotalConverter"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionMod.saldoResultante}">
											<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}" />
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange" />
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionMod.pesoFamilia}">
											<f:converter converterId="porcentajeTotalConverter"/>
										</h:outputText>
									</f:facet>
								</p:column>
							</p:row>
						</p:columnGroup>
						<p:rowExpansion>
							<p:dataTable value="#{fila.detalle}" var="subFila" styleClass="styleDataTableWrapExpan" 
								rowIndexVar="subRowIndex" id="idDataTableExpansion">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="20" headerText="" />
										<p:column width="85" headerText="" />
										<p:column width="45" headerText="" />
										<p:column width="33" headerText="" />
										<p:column width="80" headerText="" />
										<p:column width="9" headerText="" />
										<p:column width="80" headerText="" />
										<p:column width="80" headerText="" />
										<p:column width="77" headerText="" />
										<p:column width="77" headerText="" />
										<p:column width="77" headerText="" />
										<p:column width="81" headerText="" />
										<p:column width="81" headerText="" />
										<p:column width="81" headerText="" />
									</p:row>
								</p:columnGroup>
								<p:column></p:column>
								<p:column><h:outputText value="#{subFila.descripcion}"/></p:column>
								<p:column><h:outputText value="#{subFila.moneda}"/></p:column>							
								<p:column><h:outputText value="#{subFila.plazo}"/></p:column>							
								<p:column>
									<h:outputText value="#{subFila.saldoActual}" >
										<f:converter converterId="decimalConverte"/>
									</h:outputText>																					
								</p:column>					
								<p:column>
									<h:outputText id="idIndRetencion" value="#{subFila.indRetencion}"/>
									<p:tooltip for="idIndRetencion" rendered="#{subFila.indRetencion eq 'R' }">
										<h:outputText value="#{subFila.saldoRentenido}">
										    <f:convertNumber pattern="#,##0.00" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</p:tooltip>																						
								</p:column>																				
								<p:column>
									<h:inputText size="18" styleClass="inputTextStrech" onkeypress="return CatchNonNumbers_(event,0,1,'.',this,2,10,this);" onblur="formateaNumero(this);" value="#{subFila.rentabilidad}"/>																											
								</p:column>
								<p:column>
									<h:outputText value="#{subFila.peso}">
										<f:converter converterId="porcentajeConverte"/>
									</h:outputText>																									
								</p:column>	
								<p:column styleClass="columnTableSolesPrime">
									<h:inputText size="18" styleClass="inputTextStrech" onblur="formateaNumero(this);" value="#{subFila.saldoInputPEN}" 
										onkeypress='return invalidarNegativo(event,this,"#{subFila.moneda}","PEN");'/>
									<p:commandLink id="linkDetalleMontoPen" actionListener="#{calculadoraModController.mostrarDetalleMontos}"
										oncomplete="poppanelDetalleMonto.show()" update=":idpanelDetalleMonto"> 
										<h:graphicImage value="/imagenes/iconos/iconox.jpg" title="Detalle"	style="border:0px;height:10px;width:10px" />
										<f:param name="codMon" value="PEN" />
										<f:param name="rowIndex" value="#{rowIndex}" />
										<f:param name="subRowIndex" value="#{subRowIndex}" />
									</p:commandLink>
								</p:column>							
								<p:column styleClass="columnTableDolaresPrime">
									<h:inputText size="18" styleClass="inputTextStrech" onblur="formateaNumero(this);" onkeypress='return invalidarNegativo(event,this,"#{subFila.moneda}","USD");' value="#{subFila.saldoInputUSD}"/>
									<p:commandLink id="linkDetalleMontoUSD" actionListener="#{calculadoraModController.mostrarDetalleMontos}"
										oncomplete="poppanelDetalleMonto.show()" update=":idpanelDetalleMonto">  
										<h:graphicImage value="/imagenes/iconos/iconox.jpg" title="Detalle" style="border:0px;height:10px;width:10px" />
										<f:param name="codMon" value="USD" />
										<f:param name="rowIndex" value="#{rowIndex}" />
										<f:param name="subRowIndex" value="#{subRowIndex}" />
									</p:commandLink>																		
								</p:column>	
								<p:column styleClass="columnTableEurosPrime">
									<h:inputText size="18" styleClass="inputTextStrech" onblur="formateaNumero(this);" onkeypress='return invalidarNegativo(event,this,"#{subFila.moneda}","EUR");' value="#{subFila.saldoInputEUR}"/>
									<p:commandLink id="linkDetalleMontoEUR" actionListener="#{calculadoraModController.mostrarDetalleMontos}"
										oncomplete="poppanelDetalleMonto.show()" update=":idpanelDetalleMonto"> 
										<h:graphicImage value="/imagenes/iconos/iconox.jpg" title="Detalle" style="border:0px;height:10px;width:10px" />
										<f:param name="codMon" value="EUR" />
										<f:param name="rowIndex" value="#{rowIndex}" />
										<f:param name="subRowIndex" value="#{subRowIndex}" />
									</p:commandLink>																		
								</p:column>								
								<p:column styleClass="columnTableMontos">
									<h:outputText value="#{subFila.saldoResultante}">
										<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
									</h:outputText>													
								</p:column>
								<p:column>
									<h:inputText size="18" styleClass="inputTextStrech" onblur="formateaNumero(this);" onkeypress="return CatchNonNumbers_(event,0,1,'.',this,2,10,this);"  value="#{subFila.rentabilidadEstimada}"/>													
								</p:column>							
								<p:column styleClass="columnTableMontos">
									<h:outputText value="#{subFila.pesoFamilia}">
										<f:converter converterId="porcentajeConverte"/>
									</h:outputText>												
								</p:column>					
							</p:dataTable>
						</p:rowExpansion>
					</p:dataTable>
					<p:spacer height="10"/>			
				</h:panelGrid>
			</h:panelGrid>
			<p:spacer height="10"/>
		  	<h:panelGrid styleClass="bordePanel" width="100%" columns="1" id="panelProductos">
		  		<h:panelGrid columns="2">
					<p:dataTable id="tableDistribucionRecursos" value="#{calculadoraModel.listaDetalleDistribucionModRecursos}" 
						styleClass="styleDataTableWrapEspecial" rowIndexVar="rowIndex" var="fila">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="16" rowspan="2" headerText="" />
								<p:column width="200" rowspan="2" headerText="PRODUCTOS" />
								<p:column width="40" rowspan="2" headerText="Moneda" />
								<p:column width="175" colspan="3" headerText="NUEVOS RECURSOS" />
								<p:column width="225" colspan="3" headerText="CALCULADORA DE REBALANCEO" />
								<p:column width="60" rowspan="2" headerText="PDTE de Asignar" />
							</p:row>
							<p:row>
								<p:column width="75" headerText="Actual Mon. Origen" />
								<p:column width="60" headerText="Expresado en #{calculadoraModController.tipoMoneda}" />
								<p:column width="40" headerText="Peso (%)" />
								<p:column width="75" headerText="PEN" />
								<p:column width="75" headerText="USD" />
								<p:column width="75" headerText="EUR" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="styleDataTableFooterPlomo">  
       						<p:rowToggler />  
   						</p:column>
   						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value="#{fila.pie.descripcion}"/></p:column>
						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value=""/></p:column>
						<p:column styleClass="styleDataTableFooterPlomo">
							<h:outputText value="#{fila.pie.saldoActual}" >
								<f:converter converterId="decimalConverte"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="styleDataTableFooterPlomo">
							<h:outputText value="#{fila.pie.saldoActualDolarizado}">
								<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="styleDataTableFooterPlomo">
							<h:outputText value="#{fila.pie.peso}">
								<f:convertNumber pattern="0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value=""/></p:column>
						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value=""/></p:column>
						<p:column styleClass="styleDataTableFooterPlomo"><h:outputText value=""/></p:column>
						<p:column styleClass="styleDataTableFooterPlomo">
							<h:outputText value="#{fila.pie.saldoResultante}">
								<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:rowExpansion>
							<p:dataTable value="#{fila.detalle}" var="subFila" styleClass="styleDataTableWrapExpan" 
								rowIndexVar="subRowIndex" id="idDataTableExpansion2">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="21" headerText="" />
										<p:column width="188" headerText="" />
										<p:column width="43" headerText="" />
										<p:column width="75" headerText="" />
										<p:column width="60" headerText="" />
										<p:column width="44" headerText="" />
										<p:column width="75" headerText="" />
										<p:column width="75" headerText="" />
										<p:column width="75" headerText="" />
										<p:column width="60" headerText="" />
									</p:row>
								</p:columnGroup>
								<p:column></p:column>
								<p:column><h:outputText value="#{subFila.descripcion}"/></p:column>
								<p:column><h:outputText value="#{subFila.moneda}"/></p:column>
								<p:column>
	 								<h:inputText value="#{subFila.saldoActual}" disabled="true" styleClass="inputTextStrech"/>
									<p:commandLink id="linkDetalleSaldoA" actionListener="#{calculadoraModController.mostrarDetalleSaldosEdicion}"
										oncomplete="poppanelOtroRecurso.show()" update=":idpanelOtroRecurso">
										<h:graphicImage value="/imagenes/iconos/iconox.jpg" title="Detalle"	style="border:0px;height:10px;width:10px" />
										<f:param name="rowIndex" value="#{rowIndex}" />
										<f:param name="subRowIndex" value="#{subRowIndex}" />						
									</p:commandLink>
								</p:column>
								<p:column styleClass="columnTableMontos">
									<h:outputText value="#{subFila.saldoActualDolarizado}">
										<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
									</h:outputText>
								</p:column>
								<p:column styleClass="columnTableMontos">
									<h:outputText value="#{subFila.peso}">
										<f:convertNumber pattern="0.0" locale="#{calculadoraModController.locale}"/>
									</h:outputText>
								</p:column>
								<p:column>
									<ui:fragment rendered="#{subFila.moneda eq 'PEN'}" >
										<h:inputText size="18" styleClass="inputTextStrech"  value="#{subFila.saldoInputPEN}" disabled="true"/>
									</ui:fragment>
								</p:column>
								<p:column >
									<ui:fragment rendered="#{subFila.moneda eq 'USD'}" >
										<h:inputText size="18" styleClass="inputTextStrech"  value="#{subFila.saldoInputUSD}" disabled="true"/>
									</ui:fragment>
								</p:column>
								<p:column >
									<ui:fragment rendered="#{subFila.moneda eq 'EUR'}" >
										<h:inputText size="18" styleClass="inputTextStrech"  value="#{subFila.saldoInputEUR}" disabled="true"/>
									</ui:fragment>
								</p:column>
								<p:column styleClass="columnTableMontos">
									<h:outputText value="#{subFila.saldoResultante}">
										<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
									</h:outputText>
								</p:column>
							</p:dataTable>
						</p:rowExpansion>	
						<p:columnGroup type="footer">  
				            <p:row>
				            	<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="TOTAL OTROS RECURSOS EN #{calculadoraModController.tipoMoneda}" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionModRecursos.saldoActualDolarizado}" >
											<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionModRecursos.peso}" >
											<f:converter converterId="porcentajeTotalConverter"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetalleDistribucionModRecursos.saldoResultante}" >
											<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
					<p:spacer height="10"/>
				</h:panelGrid>	
			</h:panelGrid>
			<p:spacer height="10"/>
			<h:panelGrid styleClass="bordePanel" width="100%" columns="1" id="panelPosicion">
		  		<h:panelGrid columns="4">
					<p:dataTable id="tablePosicionActual" value="#{calculadoraModel.listaDetallePosicionActual}" 
						styleClass="styleDataTableWrapNormal" var="fila">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="60" rowspan="2" headerText="" />
								<p:column colspan="4" headerText="POSICIÓN ACTUAL" />
							</p:row>
							<p:row>
								<p:column width="75" headerText="TOTAL INVERSIÓN" />
								<p:column width="75" headerText="PESO(%)" />
								<p:column width="75" headerText="RENTAB.(*)" />
								<p:column width="75" headerText="RENDIMIENTO ESTIMADO" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.moneda}"/></p:column>						
						<p:column>
							<h:outputText value="#{fila.totalInversion}">
								<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="#{fila.peso}">
								<f:convertNumber pattern="0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="#{fila.rentabilidad}" >
								<f:convertNumber pattern="0.00" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="#{fila.rendimientoEstimado}" >
								<f:convertNumber pattern="#{calculadoraModController.patternMontoPorcentaje}" locale="#{calculadoraModController.locale}"/>
							</h:outputText>	
						</p:column>
						<p:columnGroup type="footer">
				            <p:row>
								<p:column footerText="Total en #{calculadoraModController.tipoMoneda}" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionActual.totalInversion}">
											<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionActual.peso}">
											<f:converter converterId="porcentajeTotalConverter"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionActual.rentabilidad}">
											<f:convertNumber pattern="0.00" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionActual.rendimientoEstimado}">
											<f:convertNumber pattern="#{calculadoraModController.patternMontoPorcentaje}"  locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
							</p:row>
						</p:columnGroup>																				
					</p:dataTable>
					<p:spacer width="10"/>
					<p:dataTable id="tablePosicionSugerida" value="#{calculadoraModel.listaDetallePosicionSugerida}" 
						styleClass="styleDataTableWrapNormal" var="fila">
						<p:columnGroup type="header">
							<p:row>
								<p:column colspan="4" headerText="POSICIÓN SUGERIDA" />
							</p:row>
							<p:row>
								<p:column width="75" headerText="TOTAL INVERSIÓN" />
								<p:column width="75" headerText="PESO (%)" />
								<p:column width="75" headerText="RENTAB.(*)" />
								<p:column width="75" headerText="RENDIMIENTO ESTIMADO" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="columnTableMontos" width="90px">
							<h:outputText value="#{fila.totalInversion}">
								<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="columnTableMontos" width="90px">
							<h:outputText value="#{fila.peso}">
								<f:convertNumber pattern="0.0" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="columnTableMontos" width="90px">
							<h:outputText value="#{fila.rentabilidad}" >
								<f:convertNumber pattern="0.00" locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:column styleClass="columnTableMontos" width="90px">
							<h:outputText value="#{fila.rendimientoEstimado}">
								<f:convertNumber pattern="#{calculadoraModController.patternMontoPorcentaje}"  locale="#{calculadoraModController.locale}"/>
							</h:outputText>
						</p:column>
						<p:columnGroup type="footer">
				            <p:row>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionSugerida.totalInversion}">
											<f:convertNumber pattern="#,##0.0" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionSugerida.peso}">
											<f:converter converterId="porcentajeTotalConverter"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionSugerida.rentabilidad}">
											<f:convertNumber pattern="0.00" locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModel.totalDetallePosicionSugerida.rendimientoEstimado}">
											<f:convertNumber pattern="#{calculadoraModController.patternMontoPorcentaje}"  locale="#{calculadoraModController.locale}"/>
										</h:outputText>
									</f:facet>
								</p:column>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
					<p:spacer height="10"/>							
				</h:panelGrid>	
			</h:panelGrid>
			<p:spacer height="10"/>
 			<h:panelGrid styleClass="bordePanel" width="100%" columns="1" id="panelComentario">
				<h:outputText value="Comentarios y/o Observaciones:" styleClass="texto"/>
				<h:inputTextarea id="comments" value="#{calculadoraModel.comentario }" style="width:90%" />
			</h:panelGrid>
			</h:panelGrid>
			<p:spacer height="10"/>
			<h:panelGrid>
				<p:commandButton value="Volver" icon="ui-icon-arrowreturnthick-1-w" actionListener="#{calculadoraModController.volverHistoricoRebalanceo}" />
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idPanelMain" trigger=":formPrincipal:idSelectMoneda">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
			<p:blockUI block=":formPrincipal:idPanelMain" trigger=":formPrincipal:idButtonProcesar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Procesando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
			<p:blockUI block=":formPrincipal:idPanelMain" trigger=":formPrincipal:idButtonGuardar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Guardando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
	  </ui:define>
	  <ui:define name="extraarea">
		   <ui:include src="/pages/includes/RebalancearMod_modal.xhtml" />
	  </ui:define>
	</ui:composition>
</html>